<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="/static/bootstrap.min.css" rel="stylesheet">
    <script src="/static/js/jquery-2.2.4.js"></script>
    <script>
        $(function(){
            $.get("/findAll",function(r){
                //r  [{},{}]
                $.each(r,function(index,item){
                    //alert(item); [{},{}]
                    var  $tr = $("<tr>");//构建<tr>标签
                    //document.createElement("tr")
                    var $td = null;
                    $.each(item,function(i,e){
                        //console.log(e);
                        $td = $("<td>");//构建<td>标签
                        $td.html(e);//设置中间的文本
                        $tr.append($td);//追加
                    });

                    $("table tbody").append($tr);
                });
            });

        });

    </script>

</head>
<body>

    <table class="table table-bordered table-striped table-hover">
        <tr class="success">
            <th>标题</th>
            <th>卖点</th>
            <th>价格</th>
            <th>上架时间</th>
        </tr>
        <tbody>

        </tbody>
    </table>
</body>
</html>